import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './iconfont/iconfont.css'
Vue.config.productionTip = false
//引入mockServe.js  --mock数据
/* import  './mock/mockServe' */
import './mock/mockServe'
/* import 'swiper/css'; */
import 'swiper/swiper-bundle.min.css'
import 'swiper/swiper.min.css'

//注册全局轮播组件
import Carousel from './components/Carousel'
import { Button,MessageBox} from 'element-ui';  //element-ui 组件的调用
Vue.component(Button.name, Button);  //第一种注册方式：全局注册
Vue.prototype.$msgbox = MessageBox;  //第二种注册方式：挂载到原型上
Vue.prototype.$alert = MessageBox.alert;

//全局组件，第一个参数是 组件名  第二个参数是哪个组件

Vue.component(Carousel.name,Carousel);
import Pagination from './components/Pagination';
Vue.component(Pagination.name,Pagination);

//统一接口文件夹里的全部请求函数 [API包含了所有的请求函数在一个对象里]  统一引入
import * as API from '@/api'
//图片懒加载
/* import VueLazyload from 'vue-lazyload';
import ljz from "./assets/logo.png"
Vue.use(VueLazyload,{
  //懒加载默认图片
  loading:ljz
}) */

//引入自定义插件
import myPlugins from './plugins/myPlugins'
Vue.use(myPlugins,{
  name:'xxx'
})

//引入表单校验插件  vee-validate  111
import './plugins/validate'
new Vue({
  //全局事件总线$bus 的配置
  beforeCreate(){
    Vue.prototype.$bus=this;
    Vue.prototype.$API=API;
  },  
  router,
  store,
  render: h => h(App)

}).$mount('#app')
